<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title></title>
    <link rel="icon" href="">
    <link rel="stylesheet" href="css/style.css">
    <link rel="stylesheet" href="css/component.css">
    <script type="text/javascript" src="js/jquery-3.3.1.min.js"></script>
    <script type="text/javascript" src="js/layui.js"></script>
<!--    <script type="text/javascript" src="js/app.js"></script>-->
<!--    <script type="text/javascript" src="js/component.js"></script>-->
	<script src="https://open.scmccboss.com/first/static/js/loadPop/js/popModeLoad.min.js"></script>
    <style>
    .form-step1,.form-step3{position:absolute;left:18px;top:-38px;width:222px;pointer-events:none;}
    .form-step2{position:absolute;right:0.2rem;top:-38px;width:80px;pointer-events:none;}
    .form-step4{ position: absolute;right:0.8rem;top:4.5rem;width:170px;pointer-events:none;}
    .confirm-step4{ position: absolute;width:170px;pointer-events:none;}
    </style>
    <script>
			$(function() {
				scmcObtainInfo("10000417","ACAZ49535_1",initCb)

				$('#tips').on('click',function() {
					$('.popup').show()
				})

				$(document).on('click','.close',function() {
					$('.popup').hide()
				})

				$(document).on('click','#confirmBtn',function() {
					$('.popup').hide()
				})

				$('#handleBtn').on('click',function() {
					const phone = $('.input').val()
					if(!phone) {
						alert('请输入手机号！')
						return
					}
					//if(!$('#Checkbox1').is(':checked')) {
					//	alert('请先同意业务办理通知！')
					//	return
					///}
					$.ajax({
						url: `https://ldwxmc.com/CrbtByProvice/ylttx/prepareOrder`,
						type: 'POST',
						dataType: 'json',
						contentType: 'application/json;charset=utf-8',
						data: JSON.stringify({
							"mobile": phone,
							  "cpid": "1",
							  "prodPrcid": "ACAZ49535",
							  "method": "prepareOrder",
							  "alias": "cpid-1"
						}),
						success: function(data) {
							console.log('data',data)
							if(data.data.res_code === '0000') {
								busiOrderAffirm({serialNumber : data.data.result,phoneNo: phone, resultAdvise:function(data){prepareOrderCb(data)}})								
							} else {
								alert(data.data.res_msg || '请稍后再试！')
							}
						},
						error: function(err) {
							console.log('getToken: ', JSON.stringify(err))
							alert('系统繁忙，请稍后再试~')
						}
					})								
			})
			function initCb(data) {			    
				console.log('initCb: ',JSON.stringify(data))	
			}

			function prepareOrderCb(data) {
				if(data.res_code === '0000') {
//					jiemi(curRes.result)
					alert(data.res_msg || '请稍后再试！')
				} else {
					alert(data.res_msg || '请稍后再试！')
				}
			}

			function jiemi(result) {
				$.ajax({
						url: `https://ldwxmc.com/CrbtByProvice/ylttx/aesDecrypt`,
						type: 'POST',
						dataType: 'json',
						contentType: 'application/json;charset=utf-8',
						data: JSON.stringify({
							  result
						}),
						success: function(data) {
							console.log(data)
							
						},
						error: function(err) {
							alert('系统繁忙，请稍后再试~')
						}
					})
			}
		})
	</script>
</head>
<body>
    
    
    <img src="picture/20231010_keep_top.png">
    
    
    
    <div class="bg-image" style="background-image: url(images/20231010_ylttx.png);background-size: 100% 100%;">
        <div class="form" step="">
            <div style="background:white;
            width: 80%;
            padding: 3vw;
    		  border-radius: 5px;margin-top: 1vh;">
            	<input class="input" type="tel" pattern="[0-9]*" maxlength="11" placeholder="请输入移动手机号码" />
            </div>
            <div style="position: relative;">
                <img id="handleBtn" src="picture/9303a7ece71241f3ab790ef2a9a80615.gif" >
                <img class="form-step4 hide" src="picture/step04.gif">
            </div>

			<!--
            <div style="color: white;">
            	<input id="Checkbox1" type="checkbox" value="1" style="width:auto;height: auto;">
            	<span id="tips">我已阅读并同意办理须知<a href="javascript:void(0);">《业务详情》</a></span>
            </div>
			-->
        </div>
        
    </div>
    
    
    
    <img src="picture/20231010_keep_foot.png">
    
    <img src="picture/20231010_sqjxs_foot.png">
    
    
    
    <div class="popup" st-bind="confirm" style="display:none">
        <div class="content">
            <img class="close" src="picture/0b40599885374243b11aaef59284990f.gif" retain="1" style="z-index: 1;">
            <div>
                
                <div class="confirm">
                    <img src="picture/08e6f538a6f844118478ab4ce9938e55.gif">
                    <div class="form max">
                        <div>
                        	123
                        </div>
                        <div class="button" style="position:relative;">
                            <img src="picture/565a289a75de41cd9b33e594bc4f4bad.gif" id="confirmBtn">
                            <img class="confirm-step4 hide" src="picture/step04.gif" style="right:4rem;top:3.5rem;">
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
    
    
    
    
    
    <st-data>
        <param name="order_id">
    </st-data>
    <st-data name='user'>
        <param name="mobile">
        <param name="cid" value="1588">
    </st-data>
    <st-data name='form'>
        <param name="vcode">
    </st-data>
</body>
</html>